@charset "utf-8";
@media print{.header2{display: none;}}
.flex{ display: flex; display: -ms-flexbox; justify-content: space-between; -ms-flex-pack: justify;}
body{ background: url(../images/header_bg.png) no-repeat center top; background-size: 100% auto; font-size: 0.14rem; transition: background 0.35s ease;}
@media screen and (min-width:1921px){
  body{background-size: 100% 6.8rem}
}
header{ position: relative;}
header::after{ content: ''; display: block; width: 100%; height: 0.01rem; background: rgba(255,255,255,0.25);position: absolute; left: 0rem; top: 0.39rem;}
.header{ width: 16.2rem; margin: 0 auto; position: relative; z-index: 10;}
.head_top{ text-align: right; font-size: 0;}
.head_top a, .head_top b{ font-size: 0.14rem; color: #fff; line-height: 1;}
.head_top a{ display: inline-block; padding: 0.12rem 0 0.13rem;}
.head_top b{ padding: 0 0.09rem;}
.head_top span:last-child a{ color: #a7d398;}
.head_bottom{ padding: 0.3rem 0 0.38rem; align-items: center;}
.logo{ align-items: center;}
.logo1{ margin-right: 0.42rem; position: relative;}
.logo1::after{ content: ''; display: block; width: 0.01rem; height: 0.36rem; background: rgba(255,255,255,0.35);position: absolute; right: -0.2rem; top: 50%; transform: translateY(-50%);}

 
.index_logo{z-index: 10;width: 330px;z-index: 100;display: flex;align-items: center;} 
.index_logo .logo111{flex: 1;overflow: hidden;margin: 0 20px;}
.index_logo .count{background: url(../images/countdown.png) no-repeat bottom center/100% auto;text-align: center;color: #ffc77a;padding: 0 .15rem 0.24rem;white-space: nowrap;position: relative;}
.index_logo .count{background-image: url(../images/countdown12.png);color: #e0c777;} 
.index_logo .day span{font-weight: bold;}
.index_logo .gear{width: .49rem;height: .24rem;border-radius: 0%;overflow: hidden;background: rgb(255 255 255 / 0%);position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);clip-path: polygon(0 0, 100% 0, 100% 60%, 50% 100%, 0 60%);}
.index_logo .gear::before{ content: '';display: block;width: .48rem;height: .48rem;background: url(../images/countdown2.png) no-repeat center/cover;position: absolute; top: 0;left: 0; animation: gear-rotate 6s linear infinite;}
@keyframes gear-rotate {
	0%{ transform: rotateZ(0deg);}
	100%{ transform: rotateZ(360deg);}
}
@-webkit-keyframes gear-rotate {
	0%{ transform: rotateZ(0deg);}
	100%{ transform: rotateZ(360deg);}
}
.index_logo .gear::before{background-image: url(../images/countdown22.png);}

@media screen and (max-width:1640px){ 
.index_logo{right: 60px;}
}
@media screen and (max-width:768px){ 
	.index_logo{right: auto;left: 0;;width: 80%;}
}

.nav{ width: 0.45rem; height: 0.45rem; background: url(../images/nav_icon.png) no-repeat center/cover; transition: background 0.35s ease;  position: relative;}
/* .nav::after{content: '';position: absolute;width: 0.45rem;height: 0.45rem;right: 0;top: 0;z-index: 5;} */
.navShow .nav{ background: url(../images/nav_icon_open.png) no-repeat center/cover;}
.nav ul{ width: 2.5rem; position: absolute; left: -2.63rem; top: 0px; background: url(../images/nav_bg.png) no-repeat right bottom #00873c; padding: 0.19rem 0.3rem 0.4rem 0.4rem; box-sizing: border-box;opacity: 0;  visibility: hidden; transform: translateX(0.1rem); transition: all 0.35s ease;}
.navShow .nav ul{ opacity: 1; transform: translateX(0px); visibility: visible; position: relative;}
.navShow .nav ul::before{ content: ''; display: block; width: 0.08rem; height: 0.13rem; background: url(../images/nav_triangle.png) no-repeat center/cover;position: absolute; top: 0.15rem; right: -0.08rem;}
.nav ul::after{ content: ''; display: block; width: 0.08rem; height: 1.332m; background: url(../images/nav_triangle.png) no-repeat center/cover;position: absolute; right: -0.08rem; top: 0.15rem;}
.nav li{ border-bottom: 0.01rem solid rgba(255,255,255,0.2); position: relative;}
.nav li::before{ content: ''; display: block; width: 0rem; height: 0.01rem; background: #fff;position: absolute; left: -0.4rem; top: 50%; transform: translateY(-50%); transition: all 0.5s ease;}
.nav li:hover::before{ width: 0.21rem;}
.nav a{ display: block; font-size: 0.18rem; color: #fff; padding: 0.21rem 0 0.15rem;position: relative;z-index: 10;}
@keyframes turnSelf{
  0% { transform: rotateY(0deg);}
  20% { transform: rotateY(180deg);}
  100% { transform: rotateY(360deg);}
}
.nav > strong{position: absolute;right: 0;top: 0;width: 100%;height: 100%;z-index: 5;}

.headBox{ font-size: 0;position: relative;z-index: 100;}
.headBox > span > a{ display: inline-block; width: 0.45rem; height: 0.45rem; background-color: #efefef; border-radius: 50%; margin-right: 0.05rem; border: 1px solid #ccc;}
.headBox .code{ display: none; padding-top: 0.1rem; width: 1.3rem; height: 1.3rem;position: absolute; top: 0.45rem; left: 50%; transform: translateX(-50%);}
.headBox .code i::before{content: "";display: block;position: absolute;left: 50%;top: 0.04rem;width: 0.12rem;height: 0.12rem;background: #fff;transform: translateX(-50%) rotate(45deg);-webkit-transform: translateX(-50%) rotate(45deg);-moz-transform: translateX(-50%) rotate(45deg);border: #ccc solid 1px;z-index: 1;}
.headBox .open .code{ display: block;}
.headBox .gp-img-responsive{ padding-bottom: 100%; background: #fff; position: relative; z-index: 2;}
.headBox .gp-img-responsive img:hover{ transform: scale(1); opacity: 1;}
.weChet, .sina, .video{ position: relative;}
.weChet a{ background: url(../images/wechet_icon.png) no-repeat center;}
.sina a{ background: url(../images/sina_icon.png) no-repeat center;}
header .video{ margin-right: 0.31rem;}
header .video a{ background: url(../images/video_icon.png) no-repeat center;}

.search{ margin-right: 0.2rem; width: 2.9rem; position: relative;}
.search .notxt{ width: 100%; height: 0.45rem; line-height: 1; box-sizing: border-box; border: none; border-radius: 0.225rem;padding: 0; outline: none; padding-left: 0.19rem; font-size: 0.14rem; background: #efefef; color: #888;}
.search .notxt1 { width: 0.37rem; height: 0.45rem; cursor:pointer; color:#666; background: url(../images/search_icon.png) no-repeat left center; border: 0px;position: absolute; right: 0rem; top: 0rem;}

::-webkit-input-placeholder{color: rgba(0, 0, 0, 0.8)}
:-moz-placeholder{color: rgba(0, 0, 0, 0.3);}
::-moz-placeholder{color: rgba(0, 0, 0, 0.3);}
:-ms-input-placeholder{color: rgba(0, 0, 0, 0.3);}


footer{ /* height: 2.7rem; */ position: relative;}
footer * { color: rgba(255,255,255,0.65);}
footer::before{ content: ''; display: block; width: 100%; height: 4.34rem; background: url(../images/footer_bg.png) no-repeat center/cover;position: absolute; bottom: 0rem; left: 0rem; z-index: -1;}
.footer_top{ padding: 0.6rem 1.23rem 0.4rem 1.98rem; border-bottom: 1px solid rgba(255,255,255,0.1); align-items: center;}
.footer_top .email,
.footer_top .record{ position: relative;}
.footer_top .email::before,
.footer_top .record::before{ content: ''; width: 0.24rem; height: 0.24rem; background: url(../images/email.png) no-repeat center/cover;position: absolute; left: -0.38rem; top: 50%; transform: translateY(-50%);}
.footer_top .record::before{ background: url(../images/record.png) no-repeat center/cover;}
.footer_logo{ align-items: center;}
.footer_logo > a:first-child{ margin-right: 0.41rem; position: relative;}
.footer_logo > a:first-child::after{ content: ''; display: block; width: 1px; height: 0.36rem; background: rgba(255,255,255,0.35);position: absolute; right: -0.21rem; top: 50%; transform: translateY(-50%);}

.footer_bottom{ text-align: center; padding: 0.3rem 0 0.2rem; font-size: 0rem;}
.footer_bottom span{ display: inline-block; padding-bottom: 0.14rem; line-height: 1; font-size: 0.16rem; margin-right: 0.25rem; position: relative;}
.footer_bottom span:nth-last-of-type(2),
.footer_bottom span:last-child{ margin-right: 0rem;}
.footer_bottom span:nth-of-type(1)::after,
.footer_bottom span:nth-of-type(2)::after{ content: ''; display: block; width: 0.02px; height: 0.16rem; background: rgba(255,255,255,0.65);position: absolute; right: -0.12rem; top: 0rem;}

.grey, .gp-m-logo, .gp-m-search, .gp-m-link{ display: none; }


@-webkit-keyframes logocover{
	from {background-position: 0 0%;}
	to {background-position: 660px 0%;}
}
@keyframes logocover{
	from {background-position: 0 0%;}
	to {background-position: 660px 0%;}
}

.header2{background: url(../images/header_top2.png) no-repeat center/cover;position:relative;height:.75rem;border-bottom: .03rem solid #edb74c;position: fixed;left: 0;right: 0;top: -1.2rem;z-index: 1000;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;}
.header2.on{top: 0;}
.nav2{margin: 0 .4rem;}
.nav2 ul{}
.nav2 ul > li{line-height:.75rem;height:.75rem;position: relative;}
.nav2 li > a{font-size: .2rem;display:block;position:relative;color:#fff;font-weight:700;overflow: hidden;}
.nav2 span{display: block;position: relative;top: 0;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;}
.nav2 span.t2{position: absolute;left: 0;right: 0;top: 100%;white-space: nowrap;}
.nav2 li > a:hover span{transform: translateY(-100%);}

.logo_box{position: relative;width: 3.7rem;height: 1.15rem;}
.logo_box::before{content: '';display: block;background: url(../images/logo_bg21.png) no-repeat center/cover;height: 1.15rem;width: 3.7rem;position: absolute;left: 0;top: 0;z-index: 2;}
/* .logo_box::after{content: '';display: block;background: url(../images/logo_cover.png) left center/6.6rem 100%;height: 1.15rem;width: 3.7rem;position: absolute;left: 0;top: 0;z-index: 3; mask: url(../images/logo_bg22.png) no-repeat center/cover;-webkit-animation: logocover 10s linear infinite;animation: logocover 10s linear infinite;opacity: 1;} */
.logo_box::after{content: '';display: block;background: url(../images/gif3.gif) no-repeat center;background-size: cover;height: 1.15rem;width: 3.7rem;position: absolute;left: 0;top: 0;z-index: 3;opacity: 1;}
.logo_box .logo{width: 2.08rem;position: absolute;top: .15rem;left: 50%;transform: translateX(-50%);z-index: 10;}
.logo_box .logo a{display: block;position: absolute;left: 0;right: 0;top: 0;bottom: 0;}

.ser2{position: absolute;right: 0;top: 0;width: .55rem;bottom: 0;background: #4c9537;border-radius: .2rem 0 0 .2rem;}
.ser2 .ser_btn{display: block;background: url(../images/ser2.png) no-repeat center;position: absolute;left: 0;right: 0;top: 0;bottom: 0;border-radius: .2rem 0 0 .2rem;opacity: .6;}
.ser2 .ser{position: absolute;top: 100%;margin: .2rem 0 0;right: 0;display: none;}
.ser2.on .ser{display: block;}
.ser2 .search{margin: 0;}



.element {
  mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100"><circle cx="50" cy="50" r="50" fill="white"/></svg>');
  -webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100"><circle cx="50" cy="50" r="50" fill="white"/></svg>');
}




/* Hack */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .logo{ float: left;}
  .logo > a{ float: left;}
  .headBox{ float: right;}
  .headBox > * { float: left;}
}


/* 响应式样式 */
@media screen and (max-width:1600px){

}

@media screen and (max-width:1480px) {
  
}

@media screen and (max-width:1400px) {
  .headBox > span > a{ background-size: 100% 100%;}
}

@media screen and (max-width:1240px) {
  .index_logo{/* width: calc(100vw - 750px); */} 
}

@media screen and (max-width:1200px) {
  .headBox > span > a{ background-size: 120% 120%;}
  .footer_top{ padding: 0.3rem 1.23rem 0.2rem 1.98rem;}
}

@media screen and (max-width:1080px) {
  body{ background-size: 100% auto;}
  .header2{display: none;}
}
@media screen and (max-width:1024px) {
  
}

@media screen and (max-width:997px) { 
    .index_logo{  width: calc(100vw - 720px); }  
}

@media screen and (max-width:900px) {
  .index_logo{  width: calc(100vw - 500px); }  
  .head_top a, .head_top b{ font-size: 0.26rem; line-height: 0.97rem;}
  .head_top a{ padding: 0;}
  header::after{ top: 0.97rem;}
  .headBox .search,
  .headBox .weChet,
  .headBox .video,
  .headBox .sina{ display: none;}
  .nav{ width: 0.8rem; height: 0.8rem;}

  footer{ height: unset;}
  .footer_top{ justify-content: center; padding: 0; padding-bottom: 0.2rem;}
  .footer_bottom{ padding: 0.2rem 0;}
  .record{ margin-left: 0.8rem;}
  .footer_logo{ display: none;}
  .footer_top, .footer_bottom span{ font-size: 0.26rem;}
  .footer_bottom span{ display: block; padding-bottom: 0.1rem;}
  .footer_bottom br{ display: none;}
  .header{ width: 100%; padding: 0 0.4rem; box-sizing: border-box;}
  .grey{ position: fixed; top: 0rem; left: 0rem; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.37); opacity: 0; visibility: hidden; transition: all 0.35s ease;}
  .navShow .grey{ display: block; visibility: visible; opacity: 1; z-index: 2;}
  .navShow .nav{ position: fixed; top: 1.38rem; right: 0.4rem; z-index: 10;}
  .nav ul{ width: 5.87rem;background-size: 100% auto; position: fixed; left: 0rem; top: 0rem;}
  .navShow .nav ul{ position: fixed; padding: 0.22rem 0;}
  .nav li{ line-height: 0.88rem; padding-left: 0.75rem; border-bottom: none;}
  .nav li a{ font-size: 0.32rem; padding: 0rem; position: relative;}
  .nav li a::after{ content: ''; display: block; width: 100%; height: 0.01rem; background-color: rgba(255,255,255,0.2);
  position: absolute; bottom: 0rem; right: 0rem;}
  .navShow .gp-m-logo{ display: flex; display: -ms-flexbox; align-items: center; width: 80%; margin: 0 auto;}
  .navShow .gp-m-logo a:first-child{ margin-right: 0.3rem;}
  .navShow .nav ul::before{ width: 0.18rem; height: 0.23rem; right: -0.18rem; top: 1.7rem;}

  .headBox .search.gp-m-search, .gp-m-link{ display: block;}
  .gp-m-search{ width: 90%; margin: 0.3rem auto 0rem;}
  .gp-m-search .notxt{ height: 0.75rem; border-radius: 0.325rem;}
  .gp-m-search .notxt1{ height: 0.75rem; width: 0.6rem;}
  .gp-m-link{ text-align: center; margin-top: 0.2rem;}
  .gp-m-link .search, .gp-m-link .weChet, .gp-m-link .video, .gp-m-link .sina{ display: inline-block;}
  .gp-m-link a{ width: 0.9rem; height: 0.9rem; padding: 0; background-size: cover !important;}
  .gp-m-link .weChet{ margin-right: 0.3rem;}
  .gp-m-link .sina{ margin-right: 0.3rem;}
  .gp-m-link .code{ top: auto; bottom: 1rem; width: 1.5rem; height: 1.5rem;}
  .gp-m-link .video{ margin-right: 0;}
  .headBox .code i::before{ top: auto; bottom: -0.04rem;}
}

@media screen and (max-width:767px) {
  header::after{top: 62px !important;}
  .head_top a{line-height: 62px !important;}
  .index_logo{position: absolute;left: 0;top: 5px;width: 250px;}  
  body{ background-size: 100% 3%;}
  .newsPaperName li{ margin-bottom: 0.6rem;}
  .logo{ width: 80%; justify-content: flex-start;}
  .logo01{ width: 45%;}
  .logo02{ width: 40%;}
  .gp-article video{ width: 100% !important; text-indent: 0 !important;}
  
}

@media screen and (max-width:680px) {
  
  
}

@media screen and (max-width:540px) {
  
}

@media screen and (max-width:479px) {
  .head_top a, .head_top b{ line-height: 0.8rem;}
  header::after{ top: 0.8rem;}
  
  
}

@media screen and (max-width:380px) {
  .index_logo{  width: calc(100% - 80px);max-width: 250px; } 
  header::after{top: 55px !important;}
  .head_top a{line-height: 55px !important;}
  .index_logo .logo111{margin: 0 10px 0 15px;}
}